import { StyleSheet } from 'react-native'
import { Metrics, Fonts, Colors } from '../../Themes'

export default StyleSheet.create({
  container: {
    flex: 1
  },
  text: {
    color: Colors.snow,
  },
  button: {
    backgroundColor: Colors.primary,
    padding: 8,
    alignItems: 'center',
    borderRadius: 2,
  },
  danger: {
    backgroundColor: Colors.warning,
  },
  margin: {
    marginBottom: Metrics.baseMargin,
  },
  defaultText: {
    color: Colors.coal,
  },
  default: {
    backgroundColor: Colors.snow,
    borderWidth: 1,
    borderColor: 'lightgrey',
  },
  hollowText: {
    color: Colors.primary,
  },
  hollow: {
    backgroundColor: Colors.snow,
    borderWidth: 1,
    borderColor: Colors.primary,
  },
  smallText: {
    fontSize: Fonts.size.small,
  },
  small: {
    paddingVertical: Metrics.smallMargin,
    paddingHorizontal: Metrics.baseMargin,
  },
  mediumText: {
    fontSize: Fonts.size.normal,
  },
  medium: {
    paddingHorizontal: Metrics.doubleBaseMargin,
  },
  disabled: {
    opacity: 0.3
  }
})
